<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="referrer" content="no-referrer">
  <link rel="stylesheet" type="text/css" href="../font/iconfont.css">
   <link  href="../css/swiper.min.css"/>
  <link rel="stylesheet" href="../css/index.css">	
	<link rel="stylesheet" type="text/css" href="../css/swiper.css"/>
	<link rel="stylesheet" type="text/css" href="../tools/swiper/css/swiper.css"/>
  <title>Document</title>
</head>
	<body>
		<!-- 顶部悬浮搜索框 -->
		<div class="topDiv">

		</div>
		<!-- 浮动导航栏 -->
		<ul class="navigation">
			<li>品质好货</li>
			<li>猜你喜欢</li>
			<li>反馈</li>
			<li>举报</li>
		</ul>
		<header>
			<div class="headr_center center ">
				<div class="header_left">
					<p>
						<span class="iconfont icon-shouye"></span>
						天猫首页&emsp;喵,欢迎来天猫  &emsp;<a href="./login.html" class="btn btn-danger btn-lg" role="button" style="color:red;">请登录</a>&emsp;<a style="color:red;" href="./reg.html" class="btn btn-danger btn-lg" role="button" >免费注册</a>&emsp;<a name="logout" class="btn btn-danger btn-lg" style="color:red;">退出登录</a>
						<span class="header_span1"></span>
					</p>
					
				</div>
				
				<ul class="header_right">
					<li>我的淘宝⏷
						<ul>
							<li>买到的宝贝</li>
							<li>我的足迹</li>
						</ul>
					</li>
					<li>
						<span class="Pic iconfont icon-gouwuche-xuanzhong"></span>
						<a name="cart" class="btn btn-danger btn-lg">购物车</a>
					</li>
					<li >
						<span class="Pic iconfont icon-shoucang2"></span>
						收藏夹⏷&nbsp;&nbsp;&nbsp;|
						<ul>
							<li>收藏的宝贝</li>
							<li>收藏的店铺</li>
						</ul>
					</li> 
					<li><span class="Pic iconfont icon-shouji"></span>手机版</li>
					<li>
						千牛卖家中心
						<ul>
							<li>免费开店</li>
							<li>已售出的宝贝</li>
							<li>出售中的宝贝</li>
							<li>卖家服务市场</li>
							<li>卖家培训中心</li>
							<li>体检中心</li>
							<li>问商友</li>
						</ul>
					</li>
					<li>联系客服</li>
				</ul>
				
			</div>
		</header>
		<section class=" center">
						<!-- 搜索部分 -->
			<div class="center" id="logo">
				<img src="../img/logo.png" >
						<!-- 搜索引擎 -->
				<div id="search">
					<div id="Sousou">
						
					</div>
					<div id="nav">
						<p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=食品酒水" role="button">食品酒水</a></p>
						<p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=童装玩具" role="button">童装玩具</a></p>
						<p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=家装建材" role="button">家装建材</a></p>
						<p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=奶粉尿裤" role="button">奶粉尿裤</a></p>
						<p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=其他" role="button">其他产品</a></p>
					</div>
					
				</div>
				
				<div class="ewm">
					<p>下载淘宝</p>
					<img src="../img/ewm.webp">
				</div>
			</div>
						<!-- 功能区域 -->
			<div class="functional ">
				<!-- 左边商品市场边栏 -->
				<div class="market">
					<p>主题市场</p>
					<ul class="firstStage">
					
					</ul>
				</div>
				<!-- 中部轮播图 -->
				<div class="lunbotu">
					<div class="swiper-container id="swiper_1">
						<div class="swiper-wrapper" ">
							<div class="swiper-slide"><img src="../img/TB1r4h8JXXXXXXoXXXXvKyzTVXX-520-280.jpg" ></div>
							<div class="swiper-slide"><img src="../img/O1CN01PdLdrI1EbVG0AJ10q_!!6000000000370-0-octopus.jpg" ></div>
							<div class="swiper-slide"><img src="../img/TB1gXd1JXXXXXapXpXXvKyzTVXX-520-280.jpg" ></div>
						</div>
						
						<!-- 如果需要导航按钮 -->
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
					
					</div>
					<!-- 第二个导航栏 -->
					<div class="swiper-container id="swiper_2">
						<div class="swiper-wrapper" ">
							<div class="swiper-slide"><img src="../img/TB1r4h8JXXXXXXoXXXXvKyzTVXX-520-280.jpg" ></div>
							<div class="swiper-slide"><img src="../img/O1CN01PdLdrI1EbVG0AJ10q_!!6000000000370-0-octopus.jpg" ></div>
							<div class="swiper-slide"><img src="../img/TB1gXd1JXXXXXapXpXXvKyzTVXX-520-280.jpg" ></div>
						</div>
						
						<!-- 如果需要导航按钮 -->
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
					
					</div>
						
					
				</div>
				
				<!-- 右边登录个人信息部分 -->
				<div class="personalCenter">
					<div class="topPc">
						<img src="../img/to.jpg" alt="">
						<p> <a href="#"> hi,你好</a></p>
						<div class="butAll">
							<button href="./login.html" class="btn btn-danger btn-lg" role="button" >登录</button>
							<button href="./reg.html" class="btn btn-danger btn-lg" role="button" >注册</button>
							<button>开店</button>
						</div>

					</div>
					<div class="cenPc">
						<img src="../img/koh.png" alt="">
					</div>
					<div class="btmPC">
						<div class="call-board">
							<p><span class="one">公告</span>新鲜事儿都在这儿啦</p>
							<p><span class="hot" >热点</span>2021年淘宝11.11招商规则</p>
							<p><span class="hot" >热点</span>关于推进“清朗”账号乱象专项整治的通知</p>
							<p><span class="hot" >热点</span>《淘宝平台违禁信息管理规则》规则变更通知</p>
						</div>
						<ul class="minFun">
							<li>
								<span class="iconfont icon-shoucang1"></span>
								<p>收藏</p>
							</li>
							<li>
								<span class="iconfont icon-quanbudingdan-01"></span>
								<p>订单</p>
							</li>
							<li>
								<span class="iconfont icon-gouwuche-xuanzhong"></span>
								<p>收藏的店铺</p>
							</li>
							<li>
								<span class="iconfont icon-wode-xuanzhong"></span>
								<p>我的</p>
							</li>
						</ul>
					</div>
				</div>
			</div>

			<!-- 动态渲染商品信息区 -->
			<div class="renderer">
				<ul></ul>
			</div>




		</section>
				<!-- 尾部通栏 -->
		<footer>
			<div class="foot-cen center">
				<div class="lef">
					<p><span>阿里巴巴集团</span>淘宝网&emsp;|&emsp;天猫-&emsp;|&emsp;聚划算 &emsp;|&emsp;全球速卖通&nbsp;|&emsp; 阿里巴巴国际交易市场 &emsp;|1688域&emsp;|&emsp;各注册域名抢注&nbsp;| website  &nbsp;builder  &emsp;|在线客服系统公司注册关于我们</p>
				<span>关于淘宝，网站制作，网站设计，网页设计，网站模板，网页模板，企业建站，自助建站就选建站之星 &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; </span>
				<span>上海，北京，广州，深圳</span>
				<p>2006-2017 S iteStar, All ights Reserved. 市场名称登记证：工商网市字3301004120号</p>
				<p>医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00004号
</p>
				</div>
				
			</div>
		</footer>
		
		
	   
	    
	  
	</body>
</html>
<script src="../tools/jquery.min.js"></script>
<script src="../js/cookie.js"></script>
<script src="../js/interaction.js" ></script>
<script src="../js/ajax.js"></script>
<script src="../js/tools.js"></script>

<script src="../tools/swiper/js/swiper.min.js" ></script>

<script src="../js/page.js"></script>


	   
